<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>GamesiteBuilder</title>
<!--    <link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
		
-->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/reset.css" rel="stylesheet">
    <!-- dropdown selector plugin -->
    <link href="css/dd.css" rel="stylesheet">
    <link href="css/skin2.css" rel="stylesheet">
    <link href="css/flags.css" rel="stylesheet">
      
    </head>
    
    <body>
        <header>
        	<div id="header">
            	<h1 class="logo f_l">
                    <a href="index.html"><img src="img/headerlogo.png" alt="logo" title="Gamesitebuilder"/></a>
                </h1>
            	<!--begin menu-->
               <div id="menu">	
                	
                    <div id="menuinner">
                       
                    	<ul class="site-nav">
                        	<li>
                            	<a href="#" class="site-nav_a" data="#sub-nav1">
                                    <img src="img/icon01.png" />
                                    <span>pc</span>   
                                    <span class="site-nav_selected"></span>                                       
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="site-nav_a" data="#sub-nav2">
                                    <img src="img/icon02.png" /> 
                                	<span>mac</span>   
                                       
                                </a>                             
                            </li>
                            <li>
                            	<a href="#" class="site-nav_a">
                                  <img src="img/icon03.png" /> 
                                    <span>ipad&amp;iphone</span> 
                                     
                                </a>
                            </li>
                            <li>
                            	<a href="#" class="site-nav_a">
                                     <img src="img/icon04.png" /> 
                                    <span>Android</span> 
                                      
                                </a>
                            </li>
                        </ul>
                    </div>                  
                </div> 
                <!--end menu-->
                
				<!-- dropdown language  --> 
                 <div id="dropdownouter" class="f_r">                    
                     <select name="countries" id="countries" style="width:105px;">
                          <option value='ad' data-image="img/blank.gif" data-imagecss="flag ad" data-title="Andorra">ad</option>
                          <option value='ae' data-image="img/blank.gif" data-imagecss="flag ae" data-title="United Arab Emirates">ae</option>
                          <option value='af' data-image="img/blank.gif" data-imagecss="flag af" data-title="Afghanistan">af</option>
                          <option value='ag' data-image="img/blank.gif" data-imagecss="flag ag" data-title="Antigua and Barbuda">ag</option>
                          <option value='ai' data-image="img/blank.gif" data-imagecss="flag ai" data-title="Anguilla">ai</option>
                          <option value='al' data-image="img/blank.gif" data-imagecss="flag al" data-title="Albania">al</option>
                     </select>                  
                  </div>                  
                 <!--  end dropdown -->
                  
                <!-- begin sub-website-menu -->
                <div id="sub-nav1" class="sub-nav_mark active"> 
                	<div class="sub-site-nav">
                            	<a href="#">Zombie</a>                          
                            	<a href="#">GTA</a>                           
                            	<a href="#">Talking</a>                           
                            	<a href="#">Spider</a>                           
                            	<a href="#">Shooting</a>                           
                            	<a href="#">Cars</a>                           
                            	<a href="#">Dora</a>                           
                            	<a href="#">Barbie</a>                           
                            	<a href="#">Ninja</a>                          
                            	<a href="#">Toy</a>                          
                            	<a href="#">Lara</a>                           
                            	<a href="#">Fifa</a>                           
                            	<a href="#">Fruit</a>                          
                            	<a href="#">CS</a>                            
                            	<a href="#">Saga</a>                                
                                <a href="#">Fifa</a>                           
                            	<a href="#">Fruit</a>                            
                            	<a href="#">Video</a>                           
                            	<a href="#">More</a>                          
                        </div>
                 </div>
                 <div id="sub-nav2" class="sub-nav_mark hidden"> 
                	<div class="sub-site-nav">             
                            	<a href="#">Cars</a>                           
                            	<a href="#">Dora</a>                           
                            	<a href="#">Barbie</a>                           
                            	<a href="#">Ninja</a>                          
                            	<a href="#">Toy</a>                          
                            	<a href="#">Lara</a>                           
                            	<a href="#">Fifa</a>                           
                            	<a href="#">Fruit</a>                          
                            	<a href="#">CS</a>                            
                            	<a href="#">Saga</a>                                
                                <a href="#">Fifa</a>                           
                            	<a href="#">Fruit</a>                            
                            	<a href="#">Video</a>                           
                            	<a href="#">More</a>                          
                        </div>
                 </div>
                 <!-- end sub-website-menu -->
                <!--begin banner-->
                <div id="banner">
                	<div class="f_l mtf15">
                    	<h4 class="h4">-Advertisement-</h4>
                        <div class="ad">
                        <script>var afg={};afg.u=8;afg.s=7;document.write(<script src='http://js.adforgames.com/cd.js'></script>);</script> 
<!--                    		<img src="photo/imgad.jpg" />-->
                        </div>
                    </div>
                    <div class="hotgame f_l">
                    	<h1>hot games</h1>
                        <div class="arr">
                        	<a href="#"><i  class="leftarr"></i></a>
                        	<a href="#"><i  class="rightarr"></i></a>
                        </div>
                        <div class="hotgamelist active">
                        	<div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                        </div>
                        <div class="hotgamelist hidden">
                        	<div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                        </div>
                        
                         <div class="hotgamelist hidden">
                        	<div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                            <div class="listitem">
                                <a href="#">
                                   <img src="photo/list1.jpg" />
                                </a>
                                <a href="#" class="item-hover">
                                    <div class="item-hover-bg"></div>
                                    <div class="title">游戏名称</div>
                            	</a>
                            </div>
                        </div>
                        
                    </div>
                </div>
                <!--end banner-->
            </div>
        </header>
        <!--begin container -->
        <div id="container">
        	<div id="topad">
                <h4 class="h4">-Advertisement-</h4>
                <div>	
                </div>
            </div>
            <div id="main">
                <div id="sidebar" class="f_l">
                    <div id="tags">
                    	<div class="hoticon">
                        	<img src="img/hoticon.PNG" />
                        </div>
                        
                        <h1>tags</h1>
                        <div class="listitemsmall">
                            <a href="#">                                
                                <img src="photo/tagicon1.jpg" />
                                <span>Zombie</span>
                            </a>
                        </div>
                        <div class="listitemsmall">
                            <a href="#">                                
                                <img src="photo/tagicon1.jpg" />
                                <span>Zombie</span>
                            </a>
                        </div>
                        <div class="listitemsmall">
                            <a href="#">                                
                                <img src="photo/tagicon1.jpg" />
                                <span>Zombie</span>
                            </a>
                        </div>
                        <div class="listitemsmall">
                            <a href="#">                                
                                <img src="photo/tagicon1.jpg" />
                                <span>Zombie</span>
                            </a>
                        </div>
                        <div class="listitemsmall">
                            <a href="#">                                
                                <img src="photo/tagicon1.jpg" />
                                <span>Zombie</span>
                            </a>
                        </div>
                        <div class="listitemsmall">
                            <a href="#">                                
                                <img src="photo/tagicon1.jpg" />
                                <span>Zombie</span>
                            </a>
                        </div>
                        <div class="listitemsmall">
                            <a href="#">                                
                                <img src="photo/tagicon1.jpg" />
                                <span>Zombie</span>
                            </a>
                        </div>                        
                    </div>
                    <div>
                    	 <h4 class="h4">-Advertisement-</h4>
                         <div  class="sidead">
                             <a href="#">
                                  <img src="" />
                             </a>  
                         </div>
                                             
                    </div>
                </div>  
               <!-- begin all gamelists --> 
                <div class="lists f_l">
                    <h1>All games</h1>
                    <div id="allgamelists">
  	                    <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                             <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                             <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>  
                        <div>
                        	<h4 class="h4">-Advertisement-</h4>                    
                        	<div class="rightad">                           
                                <a href="#">
                                   <img src="photo/imgadright.jpg" />
                                </a>                             
                       	    </div>
                        </div>
                        
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                             <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                             <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                             <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                          <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem" style="clear:both;">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                             <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                             <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                             <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                             <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                             <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                          <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                          <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                          <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                          <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                        <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                   
                         <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                         <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>
                         <div class="listitem">
                            <a href="#">
                               <img src="photo/list3.jpg" />
                            </a>
                            <a href="#" class="item-hover">
                            	<div class="item-hover-bg"></div>
                                <div class="title">游戏名称</div>
                            </a>
                        </div>                       
                    </div> 
                    <div class="scrollnav">
                    	<ul class="promo-nav">
                        	<li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                        </ul>
                    </div>               
                </div> 
            	<!-- end all gamelists -->
             </div>     	
        </div>
        <!-- end container -->
        <footer>
        	<div id="footer">
            	<div id="friendlink_outer">
                  <div id="friendlink">
                      <img src="img/logo2.gif" />
                      <div class="f_r followus">
                          <span>follow us</span>
                          <img src="img/icon05.jpg" />
                      </div>
                      
                      <div class="links">
                          <ul class="f_l leftlink">
                              <li class="f_l">
                                  <ul>
                                      <li>
                                          <a href="#"><h3>all games</h3></a>
                                      </li>
                                      <li>
                                          <a href="#">about us</a>
                                      </li>
                                      <li>
                                          <a href="#">contact us</a>
                                      </li>
                                      <li>
                                          <a href="#">Privacy Policy</a>
                                      </li>
                                      <li>
                                          <a href="#">RSS</a>
                                      </li>
                                  </ul>
                              </li>
                               <li class="f_l">
                                  <ul>
                                      <li>
                                          <a href="#"><h3>home</h3></a>
                                      </li>
                                      <li>
                                          <a href="#">Driving</a>
                                      </li>
                                      <li>
                                          <a href="#">kids</a>
                                      </li>
                                      <li>
                                          <a href="#">arcade & action</a>
                                      </li>
                                      <li>
                                          <a href="#">hidden object</a>
                                      </li>
                                      <li>
                                          <a href="#">time management</a>
                                      </li>
                                  </ul>
                              </li>
                              <li class="f_l">
                                  <ul>
                                      <li>
                                          <a href="#"><h3>match 3</h3></a>
                                      </li>
                                      <li>
                                          <a href="#">marble popper</a>
                                      </li>
                                      <li>
                                          <a href="#">adventure</a>
                                      </li>
                                      <li>
                                          <a href="#">strategy</a>
                                      </li>
                                      <li>
                                          <a href="#">puzzle</a>
                                      </li>
                                      <li>
                                          <a href="#">word</a>
                                      </li>
                                  </ul>
                              </li>                          
                          </ul>
                          <ul class="f_r rightnews">
                              <li><h3 style="color:#fff;">Email Newsletters</h3></li>
                              <li><i>Subscribe to receive inspiration, ideas, and news in your inbox</i></li>
                              <li><input type="text" placeholder="Email Address"/></li>
                              <li><input type="button" class="bginput" /></li>
                          </ul>
                      </div>
                    </div>
                </div>
                <div id="cpright_outer">
                	<div id="cpright">
                        <span>Free Online Games</span>
                        <ul>
                            <li><a href="#">Two Player Games &nbsp;&nbsp;&nbsp;|</a></li>
                            <li><a href="#">2p games &nbsp;&nbsp;&nbsp;|</a></li>
                            <li><a href="#">popular flash games &nbsp;&nbsp;&nbsp;|</a></li>
                            <li><a href="#">P5games &nbsp;&nbsp;&nbsp;|</a></li>
                            <li><a href="#">More links</a></li>
                        </ul>
                        <p>Copyright 2011 games-msn.com. All rights reserved</p>
                    </div>
                </div>
            </div>
        </footer>
        
        <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
        <script src="./js/index.js"></script>
        <script src="./js/jquery.dd.min.js"></script>
        <script language="javascript"> 
		$(document).ready(function(e) {  
		    Index.topnav();
		    //鼠标hover时间，出现游戏名称提示
			Index.listitemHover();
			Index.arraction();
			$("select").msDropdown({roundedBorder:false});
			var code= "<script>var afg={};afg.u=8;afg.s=7;";
			code+="document.write(<script src='http://js.adforgames.com/cd.js'";
			
			code+=">"+"</"+"script>);<"+"/script>";
			console.log(code);
			$(".mtf15").html(code);
			 
      });
		
			
		</script>
      <!--      <script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>   -->
    </body>
</html>
